// import React from 'react'

// 方式一：
// 函数式组件
// function App() {
//   return <div>hello, react</div>
// }
// export default App

// 方式二：
// 类式组件
// class App extends React.Component {
//   render() {
//     return <div>hello, react, 类式组件</div>
//   }
// }
// export default App

// 方式三：
// 简写与组件化引入

// 注意此处引入 react 方式与方式一/二不同，可以看出 react 为多种方式暴露
import { Component } from 'react'
// 引入子组件的方式一（Hello、Welcome）
import Hello from './component/Hello/Hello'
import Welcome from './component/Welcome/Welcome'
// 引入子组件的方式二
import China from './component/China'

export default class App extends Component {
  render() {
    return (
      <div>
        <Hello />
        <Welcome />
        <China />
      </div>
    )
  }
}
